<template>
    <div class="chenggong">
      <div class="toptop">
        <i class="iconfont icon-duihao2"></i>
        <div>
          <span class="huang">支付成功</span>
        </div>
        <div class="anniu">
          <router-link to="/index">
            <div class="huangse">查看订单</div>
          </router-link>
          <span class="kongjian"></span>
          <router-link to="/index">
            <div class="lvse">返回首页</div>
          </router-link>
        </div>
        <div>
          订单编号 :
          <span>12345678912345123456</span>
        </div>
      </div>
    </div>
</template>

<script>
import "@/assets/font/iconfont.css";
export default {
  methods: {
}};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
div.toptop {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 3rem;
  font-size: 1.2rem;
}
div.toptop .iconfont {
  color: #f08200;
  font-size: 4rem;
  padding-bottom: 2rem;
}
.chenggong .huang {
  font-size: 2rem;
}
.anniu {
  display: flex;
  justify-content: center;
  padding: 2rem 0px;
}
.anniu div {
  color: #e6e6e6;
  padding: 0.6rem 3rem;
  border-radius: 3px;
}
.anniu div:hover {
  color: #fff;
}
.huangse {
  background: #f08200;
  border-color: #f08200;
}
.huangse:hover {
  background: #f8a846;
  border-color: #f8a846;
}
.lvse {
  background: #498e3d;
  border-color: #498e3d;
}
.lvse:hover {
  background: #6cce5b;
  border-color: #6cce5b;
}
.kongjian {
  padding: 0px 2rem;
}
</style>
